﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width" name="viewport" />
<title>服务和优势 > 产品优势_（自适应手机版）响应式五金机械类织梦模板 HTML5蓝色机械零部件网站源码下载  </title>
<meta name="keywords" content="" />
<meta name="description" content="以优秀的设计团队和优良的生产设备，为顾客提供卓越产品和超值服务。" />
<link rel="stylesheet" href="/skin/css/font-awesome.css">
<link rel="stylesheet" href="/skin/css/global.css">
<link rel="stylesheet" href="/skin/css/widget.css">
<link rel="stylesheet" href="/skin/css/variouscomponents.css">
<link rel="stylesheet" href="/skin/css/images.css">
<link rel="stylesheet" href="/skin/css/theme.css">
<link rel="stylesheet" href="/skin/css/color_0.css">
<script src="/skin/js/jquery.min.js"></script>
<!--[if !IE]><!-->
<script src="/skin/js/base.js"></script>
<!--<![endif]-->
<!--[if gte IE 9]>
<script src="/skin/js/base.js"></script>
<![endif]-->
<!--[if lt IE 9]>
      <link rel="stylesheet" href="/skin/css/font-awesome-ie7.min.css">
      <script src="/skin/js/selectivizr.js"></script>
      <script src="/skin/js/html5shiv.min.js"></script>
      <script src="/skin/js/respond.min.js"></script>
      <script src="/skin/js/modernizr.min.js"></script>
    <![endif]-->
<link href="/skin/css/lightbox.min.css" rel="stylesheet">
<script src="/skin/js/jquery.superslide.js"></script>
<script src="/skin/js/common.js"></script>
<script src="/skin/js/theme.js"></script>
<!-- feib -->
<script type="text/javascript" src="/skin/js/layer.js"></script>
<script type="text/javascript" src="/skin/js/language.js"></script>
<script type="text/javascript" src="/skin/js/ajax-url.js"></script>
<!-- plugins -->
<script type="text/javascript" src="/skin/js/jquery.formsvalidation.js"></script>
<script type="text/javascript" src="/skin/js/jquery.nodecommon.js"></script>
<script type="text/javascript" src="/skin/js/extend.js"></script>
<link rel="stylesheet" href="/skin/css/animate.min.css">
<script src="/skin/js/animate.min.js"></script>
<script type="text/javascript" src="/skin/js/components.js"></script>
<script type="text/javascript" src="/skin/js/jquery.menu_style.js"></script>
<script type="text/javascript" src="/skin/js/jquery.init.js"></script>
<script type="text/javascript">
$(function(){
    dataAnimate();
    (function($,lanno){
        if(lanno === "" || lanno === "default"){
            return '';
        }
        $(".w-languege").each(function(){
            $(this).find("a").each(function(){
                if($(this).data("lanno") === lanno){
                    $(this).addClass("cur");
                }else{
                    if($(this).hasClass("cur")){
                        $(this).removeClass("cur");
                    }
                }
            });
        });
    })(jQuery,"cn");
});
</script>
</head>
<body>
<div class="body">
<div class="w-container w-header w-header-common">
  <div class="row clearfix">
    <div class="mobile-nav-toggle"><i class="fa fa-navicon fa-2x"></i></div>
    <div class="nav_right_mask"></div>
    <div class="row_top">
      <div class="row_top_in clearfix">
        <div class="column column6">
          <div class="col-logo">
            <div class="w-logo">
              <h1 style="display:none;"><a href="/"></a></h1>
              <a  href="/"  class="w-logo-img"  > <img src="/skin/images/logo.png"/> </a> </div>
          </div>
        </div>
        <div class="column column6 clearfix">
          <div class="topLogBox">
            <div class="topLogBox-in">
              <div class="lscPc clearfix"> </div>
              <div class="clearfix"> </div>
              <div class="clearfix"> </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="menuPc">
      <div class="menuPc_in">
        <div class="w-nav g-active-add">
          <div class="w-nav-in">
            <ul class="nav_inner clearfix" id="g-web-ul-menu" style="display:none;">
              <li ><a href="/">网站首页</a><i class="nav_simpline_cur"></i></li>
              <li class=''>
                <div class="li-parent-div li-parentOne-div"><a href="/a/about/">关于我们<i class="fa fa-plus"></i></a></div>
                <i class="nav_simpline_cur"></i>
                <div class="submenu">
                  <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                  <ul>
                    
                  </ul>
                </div>
              </li><li class=''>
                <div class="li-parent-div li-parentOne-div"><a href="/a/products/">产品中心<i class="fa fa-plus"></i></a></div>
                <i class="nav_simpline_cur"></i>
                <div class="submenu">
                  <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                  <ul>
                    
                    <li><a href="/a/products/p1/">产品一类</a></li>
                    
                    <li><a href="/a/products/p2/">产品二类</a></li>
                    
                    <li><a href="/a/products/p3/">产品三类</a></li>
                    
                    <li><a href="/a/products/p4/">产品四类</a></li>
                    
                  </ul>
                </div>
              </li><li class=''>
                <div class="li-parent-div li-parentOne-div"><a href="/a/news/">新闻中心<i class="fa fa-plus"></i></a></div>
                <i class="nav_simpline_cur"></i>
                <div class="submenu">
                  <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                  <ul>
                    
                    <li><a href="/a/news/gsxw/">公司新闻</a></li>
                    
                    <li><a href="/a/news/hydt/">行业动态</a></li>
                    
                    <li><a href="/a/news/ztbd/">专题报道</a></li>
                    
                  </ul>
                </div>
              </li><li class=''>
                <div class="li-parent-div li-parentOne-div"><a href="/a/case/">案例展示<i class="fa fa-plus"></i></a></div>
                <i class="nav_simpline_cur"></i>
                <div class="submenu">
                  <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                  <ul>
                    
                  </ul>
                </div>
              </li><li class=''>
                <div class="li-parent-div li-parentOne-div"><a href="/a/message/">在线留言<i class="fa fa-plus"></i></a></div>
                <i class="nav_simpline_cur"></i>
                <div class="submenu">
                  <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                  <ul>
                    
                  </ul>
                </div>
              </li><li class=''>
                <div class="li-parent-div li-parentOne-div"><a href="/a/conatct/">联系我们<i class="fa fa-plus"></i></a></div>
                <i class="nav_simpline_cur"></i>
                <div class="submenu">
                  <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                  <ul>
                    
                  </ul>
                </div>
              </li>
              <div class="nav_moveBox"></div>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="col-right clearfix">
      <div class="w-nav g-active-add">
        <div class="w-nav-in">
          <ul class="nav_inner clearfix">
            <li ><a href="/">网站首页</a><i class="nav_simpline_cur"></i></li>
            <li class=''>
              <div class="li-parent-div li-parentOne-div"><a href="/a/about/">关于我们
                </a></div>
              <i class="nav_simpline_cur"></i>
              <div class="submenu">
                <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                <ul>
                  
                </ul>
              </div>
            </li><li class=''>
              <div class="li-parent-div li-parentOne-div"><a href="/a/products/">产品中心
                <i class="fa fa-plus"></i></a></div>
              <i class="nav_simpline_cur"></i>
              <div class="submenu">
                <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                <ul>
                  
                  <li><a href="/a/products/p1/">产品一类</a></li>
                  
                  <li><a href="/a/products/p2/">产品二类</a></li>
                  
                  <li><a href="/a/products/p3/">产品三类</a></li>
                  
                  <li><a href="/a/products/p4/">产品四类</a></li>
                  
                </ul>
              </div>
            </li><li class=''>
              <div class="li-parent-div li-parentOne-div"><a href="/a/news/">新闻中心
                <i class="fa fa-plus"></i></a></div>
              <i class="nav_simpline_cur"></i>
              <div class="submenu">
                <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                <ul>
                  
                  <li><a href="/a/news/gsxw/">公司新闻</a></li>
                  
                  <li><a href="/a/news/hydt/">行业动态</a></li>
                  
                  <li><a href="/a/news/ztbd/">专题报道</a></li>
                  
                </ul>
              </div>
            </li><li class=''>
              <div class="li-parent-div li-parentOne-div"><a href="/a/case/">案例展示
                </a></div>
              <i class="nav_simpline_cur"></i>
              <div class="submenu">
                <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                <ul>
                  
                </ul>
              </div>
            </li><li class=''>
              <div class="li-parent-div li-parentOne-div"><a href="/a/message/">在线留言
                </a></div>
              <i class="nav_simpline_cur"></i>
              <div class="submenu">
                <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                <ul>
                  
                </ul>
              </div>
            </li><li class=''>
              <div class="li-parent-div li-parentOne-div"><a href="/a/conatct/">联系我们
                </a></div>
              <i class="nav_simpline_cur"></i>
              <div class="submenu">
                <div class="back-div"><i class="fa fa-angle-left"></i><span>返回</span></div>
                <ul>
                  
                </ul>
              </div>
            </li>
            <div class="nav_moveBox"></div>
          </ul>
        </div>
      </div>
      <div class="topLogBox topLogBoxTel">
        <div class="topLogBox-in"> </div>
      </div>
    </div>
  </div>
</div>
<link rel="stylesheet" href="/skin/css/swiper.min.css">
<section class="w-container bannerBox ">
  <div class="banner"> 
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="/uploads/allimg/181103/1-1Q103100R30-L.jpg" width="100%"/></div>
<div class="swiper-slide"><img src="/uploads/allimg/181103/1-1Q103100P30-L.jpg" width="100%"/></div>
<div class="swiper-slide"><img src="/uploads/allimg/181103/1-1Q103100Q50-L.jpg" width="100%"/></div>

    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>

  <!-- Swiper JS -->
  <script src="/skin/js/swiper.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper('.swiper-container', {
		 loop : true,
		 autoplay:true,
      pagination: {
        el: '.swiper-pagination',
      },
    });
  </script>
  
  </div>
</section>

<div class="w-container w-main">
  <div class="w-section pdTop-medium pdBottom-medium"  id="468067">
    <div class="row" style="max-width:;">
      <div class="row-mask" ></div>
      <div class="wrap-content-in  pdTop-default pdBottom-default" data-id="468067" data-type="31">
        <div class="li-div" data-comunique="e8c92974988579ff631c84414dd94309">
          <div class="w-title w-title1"  style="">
            <div class="w-title-in">
              <div class="w-title-inner">
                <div class="title-h-in">
                  <h2 class="color_main color_h">服务和优势</h2>
                  <span class="color_vice color_span"></span>
                  <div class="simpline bg_simpline"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="li-div" data-comunique="4fc9cd8362ebde32effcc2d44f633fa9">
          <div class="tel-hidden w-space space-b noChoose"  style="height:40px;">
            <div class="stretch-b"></div>
          </div>
        </div>
        <div class="li-div" data-comunique="40c5fa116feb70d33565438edefcbbe2">
          <div class="w-text"> &nbsp; </div>
        </div>
        <div class="li-div" data-comunique="9a98733a3124edfb9b87cb506a923a5b">
          <div class="tel-hidden w-space space-b noChoose"  style="height:40px;">
            <div class="stretch-b"></div>
          </div>
        </div>
        <style type="text/css">
    #Lantern_60ae66e758f746e2a2ac31c9f29af5ae>.w-lantern-in li{
        width:25%;
    }
    @media (max-width:768px){
        #Lantern_60ae66e758f746e2a2ac31c9f29af5ae>.w-lantern-in li{
            width:33.33%;
        }
    }
    .g-cover{
        display:none;
    }
</style>
        <div class="li-div" data-comunique="60ae66e758f746e2a2ac31c9f29af5ae">
          <div class="w-lantern w-lantern-h w-lantern-marquee"  style="" id="Lantern_60ae66e758f746e2a2ac31c9f29af5ae">
            <div class="w-lantern-in">
              <ul class="clearfix">
                <li>
                  <div class="lantern-item"> <a href="javascript:void(0);" onclick="$.linkJump('lightbox-38485a3a6ab5af26894de0a3a5323fd2')">
                    <div class="lantern-item-in"> <img class="g-cover" src="/uploads/allimg/180807/1-1PPG6041c07.jpg"/>
                      <div class="textbox">
                        <div class="textbox_mask"></div>
                        <div class="text">
                          <div class="text_in"></div>
                        </div>
                      </div>
                    </div>
                    </a> </div>
                </li>
<li>
                  <div class="lantern-item"> <a href="javascript:void(0);" onclick="$.linkJump('lightbox-38485a3a6ab5af26894de0a3a5323fd2')">
                    <div class="lantern-item-in"> <img class="g-cover" src="/uploads/allimg/180807/1-1PPG6033S51.jpg"/>
                      <div class="textbox">
                        <div class="textbox_mask"></div>
                        <div class="text">
                          <div class="text_in"></div>
                        </div>
                      </div>
                    </div>
                    </a> </div>
                </li>
<li>
                  <div class="lantern-item"> <a href="javascript:void(0);" onclick="$.linkJump('lightbox-38485a3a6ab5af26894de0a3a5323fd2')">
                    <div class="lantern-item-in"> <img class="g-cover" src="/uploads/allimg/180807/1-1PPG603139E.jpg"/>
                      <div class="textbox">
                        <div class="textbox_mask"></div>
                        <div class="text">
                          <div class="text_in"></div>
                        </div>
                      </div>
                    </div>
                    </a> </div>
                </li>
<li>
                  <div class="lantern-item"> <a href="javascript:void(0);" onclick="$.linkJump('lightbox-38485a3a6ab5af26894de0a3a5323fd2')">
                    <div class="lantern-item-in"> <img class="g-cover" src="/uploads/allimg/180807/1-1PPG60241Y4.jpg"/>
                      <div class="textbox">
                        <div class="textbox_mask"></div>
                        <div class="text">
                          <div class="text_in"></div>
                        </div>
                      </div>
                    </div>
                    </a> </div>
                </li>
<li>
                  <div class="lantern-item"> <a href="javascript:void(0);" onclick="$.linkJump('lightbox-38485a3a6ab5af26894de0a3a5323fd2')">
                    <div class="lantern-item-in"> <img class="g-cover" src="/uploads/allimg/180807/1-1PPG6021A64.jpg"/>
                      <div class="textbox">
                        <div class="textbox_mask"></div>
                        <div class="text">
                          <div class="text_in"></div>
                        </div>
                      </div>
                    </div>
                    </a> </div>
                </li>
<li>
                  <div class="lantern-item"> <a href="javascript:void(0);" onclick="$.linkJump('lightbox-38485a3a6ab5af26894de0a3a5323fd2')">
                    <div class="lantern-item-in"> <img class="g-cover" src="/uploads/allimg/180807/1-1PPG60131105.jpg"/>
                      <div class="textbox">
                        <div class="textbox_mask"></div>
                        <div class="text">
                          <div class="text_in"></div>
                        </div>
                      </div>
                    </div>
                    </a> </div>
                </li>

              </ul>
              <div class="lantern_pre"></div>
              <div class="lantern_next"></div>
            </div>
          </div>
        </div>
        <ul class="g-lightbox-style" style="display: none;">
          <li> <a data-title="案例展示六" class="fancybox-thumbs" href="/uploads/allimg/180807/1-1PPG6041c07.jpg" data-lightbox="image-e1cdf849e42acd026752c63d1e34e38e" title="案例展示六">
            <div id="lightbox-38485a3a6ab5af26894de0a3a5323fd2"></div>
            </a> </li>
<li> <a data-title="案例展示五" class="fancybox-thumbs" href="/uploads/allimg/180807/1-1PPG6033S51.jpg" data-lightbox="image-e1cdf849e42acd026752c63d1e34e38e" title="案例展示五">
            <div id="lightbox-38485a3a6ab5af26894de0a3a5323fd2"></div>
            </a> </li>
<li> <a data-title="案例展示四" class="fancybox-thumbs" href="/uploads/allimg/180807/1-1PPG603139E.jpg" data-lightbox="image-e1cdf849e42acd026752c63d1e34e38e" title="案例展示四">
            <div id="lightbox-38485a3a6ab5af26894de0a3a5323fd2"></div>
            </a> </li>
<li> <a data-title="案例展示三" class="fancybox-thumbs" href="/uploads/allimg/180807/1-1PPG60241Y4.jpg" data-lightbox="image-e1cdf849e42acd026752c63d1e34e38e" title="案例展示三">
            <div id="lightbox-38485a3a6ab5af26894de0a3a5323fd2"></div>
            </a> </li>
<li> <a data-title="案例展示二" class="fancybox-thumbs" href="/uploads/allimg/180807/1-1PPG6021A64.jpg" data-lightbox="image-e1cdf849e42acd026752c63d1e34e38e" title="案例展示二">
            <div id="lightbox-38485a3a6ab5af26894de0a3a5323fd2"></div>
            </a> </li>
<li> <a data-title="案例展示一" class="fancybox-thumbs" href="/uploads/allimg/180807/1-1PPG60131105.jpg" data-lightbox="image-e1cdf849e42acd026752c63d1e34e38e" title="案例展示一">
            <div id="lightbox-38485a3a6ab5af26894de0a3a5323fd2"></div>
            </a> </li>

        </ul>
        <script type="text/javascript">
    $(function () {
        var lanternBoxChild_Lantern_60ae66e758f746e2a2ac31c9f29af5ae = $('#Lantern_60ae66e758f746e2a2ac31c9f29af5ae').find('.w-lantern-in').html();
        function lantern60ae66e758f746e2a2ac31c9f29af5ae() {
            var visX;
            if ("w-lantern-h" === 'w-lantern-h' && $(window).width() <= 767) {
                visX = 3;
            } else {
                visX = 4;
            }
            $('#Lantern_60ae66e758f746e2a2ac31c9f29af5ae').slideNew({
                mainCell: ".w-lantern-in ul",
                autoPage: false,
                effect: "leftMarquee",
                interTime: 6,
                autoPlay: true,
                scroll: 1,
                vis: visX,
                pageStateCell: ".pageState",
                prevCell: ".lantern_pre",
                nextCell: ".lantern_next",
                imgfull: false
            });
            if ($('#Lantern_60ae66e758f746e2a2ac31c9f29af5ae').hasClass('w-lantern-v')) {
                if ($('#Lantern_60ae66e758f746e2a2ac31c9f29af5ae').hasClass('w-lantern-text-mask')) {
                } else {
                    $('#Lantern_60ae66e758f746e2a2ac31c9f29af5ae').find('li').each(function (index, element) {
                        $(this).find('img').css({'max-height': $(this).outerHeight() - $(this).find('.textbox').outerHeight() - 8});
                    });
                }
            }
        }

//    $(window).resize(function () {
//        $('#Lantern_60ae66e758f746e2a2ac31c9f29af5ae').find('.w-lantern-in').html(lanternBoxChild_Lantern_60ae66e758f746e2a2ac31c9f29af5ae);
//        $(".g-cover").show();
//        lantern60ae66e758f746e2a2ac31c9f29af5ae();
//    });

        $(".g-cover").show();
        lantern60ae66e758f746e2a2ac31c9f29af5ae();
        
    });

    var widthOld = $(window).width();
    var widthNew;
    $(window).resize(function () {
        widthNew = $(window).width();
        if (widthOld > 767) {
            if (widthNew < 768) {
                $('#Lantern_60ae66e758f746e2a2ac31c9f29af5ae').find('.w-lantern-in').html(lanternBoxChild_Lantern_60ae66e758f746e2a2ac31c9f29af5ae);
                $(".g-cover").show();
                lantern60ae66e758f746e2a2ac31c9f29af5ae();
            }
        } else {
            if (widthNew > 767) {
                $('#Lantern_60ae66e758f746e2a2ac31c9f29af5ae').find('.w-lantern-in').html(lanternBoxChild_Lantern_60ae66e758f746e2a2ac31c9f29af5ae);
                $(".g-cover").show();
                lantern60ae66e758f746e2a2ac31c9f29af5ae();
            }
        }
        widthOld = $(window).width();
    });
</script>
        <div class="li-div" data-comunique="9e9235888f4d4db65efdde01203506c1">
          <div class="w-space space-b noChoose"  style="height:40px;">
            <div class="stretch-b"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">$(function(){$(".div-table-first").find(".div-table-first").each(function(){$(this).removeClass("div-table-first")});});</script> 
</div>
<div class="w-container w-footer">
  <div class="w-footer-section " >
    <div class="w-footer-in" >
      <div class="foot-mask" ></div>
      <div class="w-foot-content  " data-id="468082" data-type="31">
        <div class="li-div" data-comunique="290f7cc14ac3be4f596672725c00724f">
          <div class="w-text"  style="">
            <div style="text-align:center;">
              <p style="margin:0">Copyright &copy; 2002-2017 合肥秀站网络科技有限公司 版权所有 <a href=http://www.dedecms.com target='_blank'>Power by DedeCms</a><a href="http://www.xiuzhanwang.com/" target="_blank" >织梦模板</a> <a href="http://www.xiuzhanwang.net/" target="_blank" >网站建设</a> <a 

href="https://www.xiuzhanyun.com/" target="_blank" >免备案主机</a></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>
<div class="topTel" onclick="$('body,html').animate({scrollTop: 0}, 500);"><i class="fa fa-arrow-up"></i></div>
<div class="ad_boxfixed clearfix">
  <div class="ad_tel clearfix">
    <div class="ad_tel_icon"><i class="icon_adTel"></i></div>
    <div class="ad_tel_text">
      <div class="ad_tel_txt">电话</div>
      <div class="ad_tel_num">4008-888-888</div>
    </div>
  </div>
</div>
<script type="text/javascript" src="/skin/js/jquery.global.js"></script> 
<script type="text/javascript" src="/skin/js/jquery.form.js"></script> 
<script type="text/javascript" src="/skin/js/lightbox.min.js"></script> 
<script type="text/javascript" src="/skin/js/jquery.custom.js"></script>
</body>
</html>